<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <!--采用理想视口 ideal port-->
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0
maximum-scale=1.0,minimum-scale=1.0">
   <link rel="stylesheet" type="text/css" href="../css/main.css">
    <!--标准化CSS3-->
    <link rel="stylesheet" type="text/css" href="../css/normalize.css">
    <script src="../js/js.js"></script>

    <title>携程</title>
</head>
<body>
<div class="search-box">
            <div class="ser-left"></div>
            <div class="ser-center">
                <div class="ser-ico"></div>
                <input class="ser-input" type="search" placeholder="搜索：目的地/酒店/景点/航班">
            </div>
            <div class="ser-right"><h>我的</h></span></div>
        </div>
<div class="main-content1">
    <div class="img-wrap"></div>
</div>
    <div class="main-content2">
        <div class="local-nav">
            <nav class="grid-nav-common">
                <a href="">
                    <span></span>
                    <span>攻略.景点</span>
                </a>
                <a href="">
                    <span></span>
                    <span>门票.活动</span></a>
                <a href="">
                    <span></span>
                    <span>美食林</span>
                </a>
                <a href="">
                    <span></span>
                    <span>周边游</span></a>
                <a href="">
                    <span></span>
                    <span>一日游</span>
                </a>
            </nav>
        </div>
        <div class="nav">
            <div class="nav-top">
                <nav>
                    <a href="">酒店</a>
                    <a href="">民宿.客栈</a>
                    <a href="">特价.爆款</a>
                </nav>
            </div>
            <div class="nav-center">
                <nav>
                    <a href="">机票</a>
                    <a href="">火车票</a>
                    <a href="">汽车.船票</a>
                    <a href="">专车.租车</a>
                </nav>
            </div>
            <div class="nav-bottom">
                <nav>
                    <a href="">旅游</a>
                    <a href="">私家团</a>
                    <a href="">邮轮游</a>
                    <a href="">定制游</a>
                </nav>
            </div>
        </div>
        <div class="subnav">
            <nav>
                <a href="">
                    <span></span>
                    <span>自由行</span>
                </a>
                <a href="">
                    <span></span>
                    <span>WIFI电话卡</span>
                </a>
                <a href="">
                    <span></span>
                    <span>保险.签证</span>
                </a>
                <a href="">
                    <span></span>
                    <span>换钞.购物</span>
                </a>
                <a href="">
                    <span></span>
                    <span>向导.包车</span>
                </a>
                <a href="">
                    <span></span>
                    <span>特价机票</span>
                </a>
                <a href="">
                    <span></span>
                    <span>礼品卡</span>
                </a>
                <a href="">
                    <span></span>
                    <span>申卡.借钱</span>
                </a>
                <a href="">
                    <span></span>
                    <span>社区</span>
                </a>
                <a href="">
                    <span></span>
                    <span>更多</span>
                </a>
            </nav>
        </div>
        <div class="entry">
            <nav>
                <a href="">
                    <span></span>
                    <span>电话预约</span>
                </a>
                <a href="">
                    <span></span>
                    <span>下载各户端</span>
                </a>
                <a href="">
                    <span></span>
                    <span>我的</span>
                </a>
            </nav>
        </div>
        <footer>
            <ul>
                <li>
                    <span>网站地图</span>
                    <span>|</span>
                    <span>&nbsp&nbsp&nbsp&nbsp</span>
                    <span>Language</span>
                    <span>
                   <select class="select">
                       <option>请选择语言</option>
                        <option>简体中文</option>
                        <option>english</option>
                        <option>JP</option>
                   </select>
               </span>
                    <span>|</span>
                    <span>电脑版</span>
                </li>
                <li>
                    <span>&copy2021携程旅行</span>
                    <span>沪ICP备08023580</span>
                </li>
            </ul>
        </footer>
    </div>


    <!-- over-->

</body>
</html>